<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8" />
		<title>JavaScript内置对象</title>
	</head>
	<style type="text/css">
		* {
			padding: 0px;
			margin: 0px;
		}
		
		#big {
			background-image: url(http://a3.qpic.cn/psb?/V11OOyBa27S1Km/uA.YwFZafqwXdueQIfhEBtCXFAN.Q8zlSyWkIsyX7hM!/b/dB8BAAAAAAAA&bo=rQOAAgAAAAAFBwg!&rf=viewer_4);
			background-repeat: repeat-x;
			background-size: 80%;
			background-attachment: fixed;
			position: fixed;
			width: 100%;
			height: 100%;
			z-index: -1;
			opacity: 0.5;
		}
		
		pre {
			font-size: 16px;
			font-weight: bolder;
			font-family: "微软雅黑";
		}
		
		#box {
			width: 1400px;
			height: 100%;
			margin: auto;
			padding-top: 50px;
		}
		
		#dh {
			width: 200px;
			height: 80%;
			background: rgba(225, 226, 230, 0.6);
			position: fixed;
			float: left;
			margin-top: 40px;
			font-size: 25px;
		}
		
		a {
			text-decoration: none;
		}
	</style>

	<body>
		<div id="big">
		</div>
		<div id="dh">
			<a href="index.html">目录</a><br />
			<a href="zxw.html" style="font-size: 18px;">一、工具使用</a><br />
			<a href="gf.html" style="font-size: 18px;">二、WEB前端开发规范</a>
			<a href="3.html" style="font-size: 18px;">三、JavaScript内置对象</a>
			<a href="4.html" style="font-size: 18px;">四、JS内置对象(二)</a>
			<a href="5.html" style="font-size: 18px;">五、冒泡流和捕获流</a>
			<a href="6.html" style="font-size: 18px;">六、总结,万年历实例</a>
		</div>
		<div id="box">
			<h1>String对象、Array对象、Object对象</h1><br />
			<h3>一、String对象</h3><br />
			<h4 style="text-indent: 2em;">1、String对象实例的声明</h4><br />
			<h4 style="text-indent: 4em;">a、new String(s);</h4><br />
			<h4 style="text-indent: 6em;">String(s);</h4><br />
			<h4 style="text-indent: 2em;">2、String 对象实例属性</h4><br />
			<h4 style="text-indent: 4em;">a、length属性</h4><br />
			<h4 style="text-indent: 6em;">字符串的长度</h4><br />
			<h4 style="text-indent: 2em;">3、String 对象实例方法</h4><br />
			<h4 style="text-indent: 4em;">a.indexOf（Chr）：返回指定子字符串的位置，从左到右。找不到返回-1。 </h4><br />
			<pre style="text-indent: 2em;">实例
			var str="Hello world!"
			document.write(str.indexOf("Hello") + "br")
			document.write(str.indexOf("World") + "br ")
			document.write(str.indexOf("world"))
			</pre>
			<pre style="text-indent: 2em;">结果
				0<br />
				-1<br />
				6<br />
			</pre>
			<h4 style="text-indent: 4em;">b.charAt（idx）：返回指定位置处的字符 </h4><br />
			<pre style="text-indent: 2em;">实例
				var str="Hello world!"
				document.write(str.charAt(1))
			</pre>
			<pre style="text-indent: 2em;">结果
				e
			</pre>
			<h3>二、Array对象</h3><br />
			<h4 style="text-indent: 2em;">1、Array 对象实例方法</h4><br />
			<h4 style="text-indent: 4em;">a.push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。</h4><br />
			<pre style="text-indent: 2em;">实例
				var arr = new Array(3)
				arr[0] = "George"
				arr[1] = "John"
				arr[2] = "Thomas"
				
				document.write(arr + "br")
				document.write(arr.push("James") + "br")
				document.write(arr)
			</pre>
			<pre style="text-indent: 2em;">结果
				George,John,Thomas<br />
				4<br />
				George,John,Thomas,James<br />
			</pre>
			<h4 style="text-indent: 4em;">b.pop() 方法用于删除并返回数组的最后一个元素。</h4><br />
				<pre style="text-indent: 2em;">实例
				var arr = new Array(3)
				arr[0] = "George"
				arr[1] = "John"
				arr[2] = "Thomas"
				
				document.write(arr)
				document.write("br ")
				document.write(arr.pop())
				document.write("br")
				document.write(arr)
			</pre>
			<pre style="text-indent: 2em;">结果
				George,John,Thomas<br />
				Thomas<br />
				George,John<br />
			</pre>
			<h4 style="text-indent: 4em;">c.slice() 方法可从已有的数组中返回选定的元素。</h4><br />
			<pre style="text-indent: 2em;">实例1
				var arr = new Array(3)
				arr[0] = "George"
				arr[1] = "John"
				arr[2] = "Thomas"
				
                document.write(arr + "br ")
                document.write(arr.slice(1) + "br")
                 document.write(arr)
			</pre>
			<pre style="text-indent: 2em;">结果
				George,John,Thomas<br />
				John,Thomas<br />
				George,John,Thomas<br />
			</pre>
			<pre style="text-indent: 2em;">实例2
				var arr = new Array(6)
				arr[0] = "George"
				arr[1] = "John"
				arr[2] = "Thomas"
				arr[3] = "James"
				arr[4] = "Adrew"
				arr[5] = "Martin"
				
				document.write(arr + "br ")
				document.write(arr.slice(2,4) + "br ")
				document.write(arr)
			</pre>
			<pre style="text-indent: 2em;">结果
				George,John,Thomas,James,Adrew,Martin<br />
				Thomas,James<br />
				George,John,Thomas,James,Adrew,Martin<br />
			</pre>
			<h4 style="text-indent: 4em;">d.splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。</h4><br />
			<pre style="text-indent: 2em;">实例1,在本例中，我们将创建一个新数组，并向其添加一个元素：
				
				var arr = new Array(6)
				arr[0] = "George"
				arr[1] = "John"
				arr[2] = "Thomas"
				arr[3] = "James"
				arr[4] = "Adrew"
				arr[5] = "Martin"
				
                document.write(arr + "br ")
                arr.splice(2,0,"William")
                document.write(arr + "br")
			</pre>
			<pre style="text-indent: 2em;">结果
				George,John,Thomas,James,Adrew,Martin<br />
				George,John,William,Thomas,James,Adrew,Martin<br />
			</pre>
			<pre style="text-indent: 2em;">实例2
				var arr = new Array(6)
				arr[0] = "George"
				arr[1] = "John"
				arr[2] = "Thomas"
				arr[3] = "James"
				arr[4] = "Adrew"
				arr[5] = "Martin"
				
                document.write(arr + "br ")
                arr.splice(2,1,"William")
                document.write(arr)
			</pre>
			<pre style="text-indent: 2em;">结果
				George,John,Thomas,James,Adrew,Martin<br />
				George,John,William,James,Adrew,Martin<br />
			</pre>

		</div>
	</body>

</html>
